import React from 'react'
import { Row, Col, Input, Cascader } from 'antd'
import '../../../assets/css/Sale/AddOrder/Payinformation.sass';


const options = [
    {
        value: 'zhejiang',
        label: 'Zhejiang',
    },
    {
        value: 'jiangsu',
        label: 'Jiangsu',
    },
];


function Payinformation() {
    return (
        <div id='Payinfor'>
            <Row className='PayinforTitle'>
                <Col span={6}>
                    <span>付款信息</span>
                </Col>
            </Row>
            <div className='PayInformation'>
                <Row>
                    <Col span={6}>
                        <span>付款类型：</span>
                        <Cascader options={options} />
                    </Col>
                </Row>
                <Row>
                    <Col span={6}>
                        <span>优惠金额：</span>
                        <Input />
                    </Col>
                </Row>
                <Row>
                    <Col span={6}>
                        <span className='Payable'>应付款金额：<span className='red'>00</span>元</span>
                    </Col>
                </Row>
            </div>
        </div>
    )
}

export default Payinformation